<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="../../js/mui.min.js"></script>
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link href="../../css/share/common.css" rel="stylesheet" />
		<link href="../../css/shopping/search.css" rel="stylesheet" />
		
	</head>

	<body ng-app="myApp" ng-controller="searchCircle" ng-cloak>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left header-left"></a>
			<a class="mui-icon  mui-pull-right header-right-text" ng-click="search()">搜索</a>
			<h1 class="mui-title">
				<input type="text" placeholder="请输入搜索内容" textinput="this.value=this.value.replace(/^ +| +$/g,'')" id="search" ng-model="circleName" />
			</h1>
		</header>
		<div class="mui-content">
			<div id="to_top"><img src="../../image/backtop.png"></div>
			<ul class="search clearfix" id="historys">
				<div> 历史记录 </div>
				<li ng-repeat="hs in historys" ng-click="addSearch(hs)">
					{{hs}}
				</li>
			</ul>
			<ul class="search clearfix" id="adv">
				<div> 推荐圈子 </div>
				<li ng-repeat="circles in pCircles" ng-click="guanzhu(circles.uid)">
					{{circles.cname}}
				</li>
			</ul>
			<ul class="mian-circle-list" ng-app="myApp" infinite-scroll="loadMore()" infinite-scroll-distance="0">
				<li ng-repeat="circle in Circles" ng-click="guanzhu(circle.uid,circle.huanIMGroupId)">
					<div class="list-circle-name">
						<span>{{circle.name}}</span>
						<div class="enter-cricle"> 查看圈子 >> </div>
					</div>
					<ul class="list-img clearfix">
						<div class="list-message">
							{{circle.topicTitle}}
						</div>
						<li ng-repeat="product in circle.productList">
							<a><img src={{product.picture}} onload="initImg(this)">
								<div class="product-name">
									{{product.name}}
								</div>
								<div class="product-price">
									￥{{product.nowprice}}
								</div>
							</a>
						</li>
					</ul>
				</li>
			</ul>
		</div>
		<script src="../../js/angular.min.js"></script>
		<script src="../../js/ng-infinite-scroll.min.js"></script>		
		<script src="../../js/localData.js"></script>
		<script src="../../js/md5.js"></script>
		<script src="../../js/request.js"></script>
		<script src="../../js/backtop.js"></script>
		<script src="../../script/shopping/search.js"></script>
	</body>
</html>